.container {
  .main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 28rpx;
  }
  .info {
    display: flex;
    gap: 15rpx;
    flex-shrink: 0;
    > .text {
      display: flex;
      flex-direction: column;
      gap: 15rpx;
      color: #666666;
      .name {
        font-weight: bold;
        color: #333333;
        width: 280rpx;
        overflow: hidden; //超出的文本隐藏
        text-overflow: ellipsis; //溢出用省略号显示
        white-space: nowrap; //溢出不换行
      }
      .phone {
        display: flex;
        align-items: center;

        image {
          width: 20rpx;
          height: 30rpx;
          margin-right: 8rpx;
        }
      }
      .guide {
        color: #666666;
      }
    }
  }
  .avatar {
    width: fit-content;
    position: relative;
    display: flex;
    padding-top: 64rpx;
    flex-shrink: 0;
    min-width: 92rpx;
    display: flex;
    justify-content: center;
    .img {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .text {
      z-index: 1;
      padding: 2rpx 6rpx;
      border-radius: 8rpx;
      background-color: #fdc62b;
      font-size: 22rpx;
      color: #ffffff;
      height: fit-content;
    }
  }
  .bMain {
    display: flex;
    gap: 10rpx;
    font-weight: bold;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: #73F0EA;
    view {
      width: 110rpx;
      height: 62rpx;
      border: 1px solid #73F0EA;
      border-radius: 16rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      &.delete{
        border-color: #F37364;
        color: #F37364;
        width: 144rpx;
      }
    }
  }
  .remark {
    padding: 24rpx 0 0;
    font-size: 28rpx;
    color: #666666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    > view {
      display: flex;
      align-items: center;
      gap: 10rpx;
      font-size: 28rpx;
      font-weight: bold;
      color: #333333;
    }
    image {
      width: 28rpx;
      height: 28rpx;
    }
  }
  .coach {
    margin-top: 20rpx;
    padding-top: 20rpx;
    border-top: 1px solid #e9e9e9;
    > view {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 28rpx;
      & + view {
        margin-top: 20rpx;
      }
      > view {
        display: flex;
        align-items: center;
        gap: 10rpx;
      }
      > text {
        color: #666666;
      }
    }
  }
}
